<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<script>
  /*style="display: none;"*/
  /*disabled*/

  function fun(value) {
   /* var pre = document.getElementById("sp1").previousSibling.previousSibling;
    console.log(pre.console);*/
    if (value) {
      document.getElementById("in1").setAttribute("disabled", "disabled");
    }else {
      document.getElementById("in1").removeAttribute('disabled')
    }
  }
</script>
<body>
  <input id="in1" style="" type="checkbox" onclick="btn(1)"> 技能专业一组&nbsp;&nbsp;&nbsp;&nbsp;<span>专业大类不能重复的次数<input id="sp1" onchange="fun(value)" type="text"></span><br/>
  <input id="in2" type="checkbox" onclick="btn(2)"> 技能专业二组&nbsp;&nbsp;&nbsp;&nbsp;<span>专业大类不能重复的次数<input type="text"></span><br/>
  <input id="in3" type="checkbox" onclick="btn(3)"> 技能专业三组&nbsp;&nbsp;&nbsp;&nbsp;<span>专业大类不能重复的次数<input type="text"></span><br/>
  <input id="in4" type="checkbox" onclick="btn(4)"> 技能专业四组&nbsp;&nbsp;&nbsp;&nbsp;<span>专业大类不能重复的次数<input type="text"></span><br/>
  <input id="in5" type="checkbox" onclick="btn(5)"> 技能专业五组&nbsp;&nbsp;&nbsp;&nbsp;<span>专业大类不能重复的次数<input type="text"></span><br/>
  <button>确定</button>
  <hr/>
  所选组共同不能重复的次数： <input type="text" value=""><br/><hr/>
  <button>保存</button>
</body>
</html>